/*******************/
/*** HTML - Body ***/
/*******************/
html, body{
margin: 0;
padding: 0;
background-color:#white;
height: 100%;
}

@font-face {
font-family: 'Calibri';
font-style: normal;
src: url('../fonts/calibri-regular.ttf') format('ttf');
}

@font-face {
font-family: 'Calibri';
font-style: bold;
src: url('../fonts/calibri-bold.ttf') format('ttf');
}
  
/******************/
/*** Rosponsive ***/
/******************/
@media (max-width: 575px){
#content{
  width:100%;
  min-width:360px;
  }

.text{
  font-size:11px;
  }

#content_image{
  width: 90%;
  }
  
#EFRE_image{
  width: 40%;
  }

}

@media (min-width: 576px){
#content{
  width:100%;
  }

.text{
  font-size:13px;
  }


#content_image{
  width: 90%;
  }
  
#EFRE_image{
  width: 40%;
  }

}

@media (min-width: 1200px){
#content{
  width:1000px;
  }

.text{
  font-size:15px;
  }

#content_image{
  width: 1000px;
  }
  
#EFRE_image{
  width: 500px;
  }
}

/***************/
/*** Content ***/
/***************/

#content {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align:center;
  height:80%;
}

.text{
  font-family: 'Calibri', sans-serif;
  }

#btn_image {
  padding-top:30px;
  width: 100px;
  height: 100px;
  cursor: pointer;
  }
  
#content_image{
  padding-top:30px;
  cursor: default;
  padding-bottom:30px;
  }

#Impressum_Link{
  color:#ADADAD;
  text-decoration:none;
  font-family: 'Calibri', sans-serif;
  font-size:12px;
}
  
#EFRE_image{
  padding-top:30px;
  cursor: pointer;
  padding-bottom:30px;
  padding-bottom:15px;
  }
 
 
/*****************/  
/*** Impressum ***/  
/*****************/

#Impresum_content {
  padding-top: 50px;
  text-align: center;
}

#Impressum_Head {
  font-family: 'Calibri', sans-serif;
  font-size:20px;
  font-weight:bold;
}

#Impressum{
  padding-top: 25px;
  font-family: 'Calibri', sans-serif;
  font-size:15px;
}